<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>无标题文档</title>
<script src="js/jquery.js"></script>
    <script src="/jquery-2.2.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="../method.js"></script>
    <#include "public/app/mxcss.ftl">
</head>

<body>
<article class="hometop"><a href="javascript:history.back(-1);" class="left"><img src="../images/arrow-left.png"></a> <span>首次绑定银行卡</span> </article>
<article class="usercenter">
	<section class="userlist mt22">
        <ul>
        	<li>
                <ul>
                    <li class="fl"> <span>卡号所属银行：</span> </li>
                    <li class="fl"> <span>工商银行</span> </li>
				</ul>
            </li>
        </ul>
    </section>
    <section class="userlist mt22">
        <ul>
        	<li>
                <ul>
                    <li class="fl"> <span>姓名：</span> </li>
                    <li class="fl"> <span><input type="text" id="name" placeholder="请输入您的真实姓名"></span> </li>
				</ul>
            </li>
            <li>
                <ul>
                    <li class="fl"> <span>身份证：</span> </li>
                    <li class="fl"> <span><input type="text" id="certificate" placeholder="请输入您的身份证号码"></span> </li>
				</ul>
            </li>
            <li>
                <ul>
                    <li class="fl"> <span>银行预留手机号码：</span> </li>
                    <li class="fl"> <span><input type="text" id="bankPhone" placeholder="请输入您的银行预留手机号码"></span> </li>
				</ul>
            </li>
<#--            <li>-->
<#--                <ul>-->
<#--                    <li class="fl"> <span>姓名：</span> </li>-->
<#--                    <li class="fl"> <span><input type="text" placeholder="请输入您的真实姓名"></span> </li>-->
<#--				</ul>-->
<#--            </li>-->
<#--            <li>-->
<#--                <ul>-->
<#--                    <li class="fl"> <span>身份证：</span> </li>-->
<#--                    <li class="fl"> <span><input type="text" placeholder="请输入您的身份证号码"></span> </li>-->
<#--				</ul>-->
<#--            </li>-->
<#--            <li>-->
<#--                <ul>-->
<#--                    <li class="fl"> <span>银行预留手机号码：</span> </li>-->
<#--                    <li class="fl"> <span>18612341234</span> </li>-->
<#--				</ul>-->
<#--            </li>-->
<#--            <li>-->
<#--                <ul>-->
<#--                    <li class="fl"> <span>姓名：</span> </li>-->
<#--                    <li class="fl"> <span><input type="text" placeholder="请输入您的真实姓名"></span> </li>-->
<#--				</ul>-->
<#--            </li>-->
<#--            <li>-->
<#--                <ul>-->
<#--                    <li class="fl"> <span>身份证：</span> </li>-->
<#--                    <li class="fl"> <span><input type="text" placeholder="请输入您的身份证号码"></span> </li>-->
<#--				</ul>-->
<#--            </li>-->
<#--            <li>-->
<#--                <ul>-->
<#--                    <li class="fl"> <span>银行预留手机号码：</span> </li>-->
<#--                    <li class="fl"> <span>18612341234</span> </li>-->
<#--				</ul>-->
<#--            </li>-->
        </ul>
    </section>
    <p><label for="label1"><input type="checkbox" id="label1" class="vm"> 已阅读并同意</label> <a href="#modal1" class="forange ml12 unline" data-toggle="modal">一卡通网上交易协议</a></p>
    <aside class="ml22 mr22 mb22 mt22"> <a href="javascript:void(0)" class="btn btn-orange" id="next_btn">下一步</a> </aside>
</article>

<!--注销-->
<div class="pop_win modal fade" id="modal1">
    <div class="modal-dialog">
        <div class="pag-pop1 pag-pop2">
            <div class="popSection">
            	<div class="txt">
                	<p>1、客户开户申请：客户在开立个人资金帐户后，阅读《网上证券委托交易协议书》（一式两份）并签字，填写《开户申请表》各两份。如未开立资金帐户须先行开立资金帐户（见前文开户操作流程）。</p>
                    <p>2、验证：客户需提供本人的证券帐户、身份证原件及复印件各一份。如有委托代理的，委托代理人还必须提供身份证及复印件。</p>
                    <p>3、开户处理：对符合开户规定的客户，柜台开户人员向客户发放网上交易的CA证书（客户应注意及时修改证书使用密码），请客户在《客户开户回单》签字。</p>
                    <p>网上交易是最近几年才发展起来的一种新的交易方式，对大多数投资者而言比较陌生。任何新生事物的产生都需要人们有一个逐渐认识和适应的过程，例如如今普及率很高的电话委托方式，也曾经历了投资者对其安全性问题、操作是否方便问题的质疑。</p>
                    <p>随着因特网技术的飞速发展，电子商务和电脑应用的日益普及，网上证券交易也日益显示出广阔的市场前景，随着我国因特网出口带宽日益提高、因特网接入方式多种多样、网络接入商日益增多、上网费用逐步降低，加上电脑操作的日益简单化，开展网上证券交易的时机目前已经成熟，并且在今后将日益得到普及。</p>
                    <p>我国证券交易手段先是人工委托，后来逐步过渡到电话委托、自助委托、远程可视电话委托等。作为证券市场标志的红马甲被无形席位所淘汰，而“网上交易”的出现则预示着证券市场正走向网络时代，今后将出现“网上证券公司”。</p>
				</div>
                <p><a href="#" class="fl" data-dismiss="modal" id="label3">不同意</a> <a href="javascript:(0);" class="fr" data-dismiss="modal" id="label2">同 意</a></p>
            </div>
        </div>
    </div>
</div>

<script>
$(function(){
	$('#label1').click(function(){
		 if($('#label1').is(':checked')) {
			 $('#next_btn').attr("href","javascript:addName()");
		 }else{
			 $('#next_btn').attr("href","javascript:void(0)");
		 };
	});

	$('#label2').click(function(){
		$('#label1').prop("checked",'true');
		$('#next_btn').attr("href","首次绑定-输入验证码.html");
	});

	$('#label3').click(function(){
		$('#label1').removeAttr("checked");
		$('#next_btn').attr("href","javascript:void(0)");
	});
});
</script>

<!--弹出窗口禁止滚动-->
<script>
$(function(){

	$('#modal1').on('show.bs.modal', function (e) {
  		$('body').css({'position':'fixed'});
		$('.hometop').css({'width':$(window).width()});
		$('.hometop').css({'usercenter':$(window).width()});
	});

	$('#modal1').on('hidden.bs.modal', function (e) {
  		$('body').css({'position':'relative'});
	})
});
</script>

<script>
    function addName(){
        var name = $("#name").val();
        var certificate = $("#certificate").val();
        var bankPhone = $("#bankPhone").val();
        if(name == ""){
            alert("姓名不能为空");
            return ;
        }
        if(certificate == ""){
            alert("证件号不能为空");
            return ;
        }
        if(bankPhone == ""){
            alert("银行预留手机号不能为空");
            return ;
        }

        var data = {name:name};
        var url = "/register/addname";
        postReq(url,data,function(result){
            if(result.success){
                alert("成功");
                location.href="/bindcard/bindcardthir";
            }else{
                alert(result.msg);
            }
        });
    }
</script>
</body>
</html>